<template>
	<div class="index">
		<el-container>
			<el-header>
				<span>
					送水公司后台管理系统
				</span>
			</el-header>
			<el-container>
				<el-aside width="180px">
					<el-row class="tac">
						<el-col>
							<el-menu default-active="2" class="el-menu-vertical-demo" background-color="#545c64"
								text-color="#fff" router active-text-color="#ffd04b">
								<el-submenu index="1">
									<template slot="title">
										<span>客户管理</span>
									</template>
									<el-menu-item-group>
										<el-menu-item index="/cust/custList">
											客户列表
										</el-menu-item>
									</el-menu-item-group>
								</el-submenu>

								<el-submenu index="2">
									<template slot="title">
										<span>送水工管理</span>
									</template>
									<el-menu-item-group>
										<el-menu-item index="/worker/workerList">
											送水工列表
										</el-menu-item>
									</el-menu-item-group>
								</el-submenu>

								<el-submenu index="3">
									<template slot="title">
										<span>送水历史管理</span>
									</template>
									<el-menu-item-group>
										<el-menu-item index="/history/historyList">
											送水历史列表
										</el-menu-item>
									</el-menu-item-group>
								</el-submenu>
								
								<el-submenu index="4">
									<template slot="title">
										<span>计算工资管理</span>
									</template>
									<el-menu-item-group>
										<el-menu-item index="/salary/salaryList">
											计算工资列表
										</el-menu-item>
									</el-menu-item-group>
								</el-submenu>
								
								<el-submenu index="5">
									<template slot="title">
										<span>统计送水数量管理</span>
									</template>
									<el-menu-item-group>
										<el-menu-item index="/waterDetail/waterDetailList">
											统计送水数量列表
										</el-menu-item>
									</el-menu-item-group>
								</el-submenu>

							</el-menu>
						</el-col>
					</el-row>

				</el-aside>
				<el-main>
					<router-view />
				</el-main>
			</el-container>
		</el-container>
	</div>
</template>

<style scoped>
	.index {
		margin: 0px;
		padding: 0px;
		height: 100%;
	}

	.el-container {
		height: 100%;
	}

	.el-header,
	.el-footer {
		background-color: #B3C0D1;
		color: #333;
		text-align: center;
		line-height: 60px;
	}

	.el-aside {
		background-color: #D3DCE6;
		color: #333;
		text-align: center;
		line-height: 200px;
	}

	.el-main {
		background-color: #E9EEF3;
		color: #333;
	}
</style>
